JavaScript Essentials For Dummies by Paul McFedries

Author:Paul McFedries [McFedries, Paul]
Language: eng
Format: epub
ISBN: 9781394263226
Publisher: Wiley
Published: 2024-04-01T00:00:00+00:00

Getting the last child node

If your code needs to work with the last child node, use the lastChild property of the parent element:

parent.lastChild

Note:parent is the parent element.

For example, suppose you want to work with the last child node of the p element from the HTML example at the beginning of this section. Here’s some code that’ll do the job:

const para = document.querySelector("main > p");

const lastParaChildNode = para.lastChild;

In this example, the resulting node is a text node representing the question mark (?) and the white space to the </p> tag. If you want the last child element node, use the lastElementChild property, instead:

parent.lastElementChild

Note:parent is the parent element.

To get the last child element node of the p element from the code at the beginning of this section, you could do this:

const para = document.querySelector("main > p");

const lastParaChildElement = para.lastElementChild;

In the example, this code returns the a element.

Download

Copyright Disclaimer:
This site does not store any files on its server. We only index and link to content provided by other sites. Please contact the content providers to delete copyright contents if any and email us, we'll remove relevant links or contents immediately.